<template>
    <div class="flex_col m5 p10 card2" >
        <div class="flex_row" style="justify-content: center;">
            <label style="font-size: larger;">日志信息</label>
        </div>
        <div class="flex_col p10" style="width: 700px; height: 250px; overflow-y: scroll;">  
            <label v-for="(item, index) in logs" :key="index">{{ item }}</label>
        </div>
        <div class="flex_row" style="justify-content: end;" >
            <el-button type="info" @click="onClickClear">清空</el-button>
        </div>
    </div>
</template>

<script lang="ts" setup>

import { logs } from '../service/recv';

function onClickClear() {
    logs.value = [];
}

</script>
